<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>Nifty Modal Window Effects</title>
		<meta name="description" content="Nifty Modal Window Effects with CSS Transitions and Animations" />
		<meta name="keywords" content="modal, window, overlay, modern, box, css transition, css animation, effect, 3d, perspective" />
		<meta name="author" content="Codrops" />
		<link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/default.css" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		
	</head>
	<body>
		<!-- All modals added here for the demo. You would of course just have one, dynamically created -->
		<div class="md-modal md-effect-1" id="modal-1">
			<div class="md-content">
				<h3 class="color666">昨日明细</h3>
				<div class="fl">
					<ul>
						<li>●<strong>一度好友昨日邀请人数:</strong> 2</li>
						<li class="ml50">●<strong>共投资:</strong> 26545</li>
						<li class="ml50">●<strong>收益为:</strong> 645</li>
					</ul>
                    <ul>
						<li>●<strong>二度好友昨日邀请人数:</strong> 2</li>
						<li class="ml50">●<strong>共投资:</strong> 26545</li>
						<li class="ml50">●<strong>收益为:</strong> 645</li>
					</ul>
                    <ul class="over">
						<li class="fl ">●<strong>昨日收益:</strong> 5641</li>
						<li class="fl ml50">●<strong>昨日投资:</strong> 51641</li>
					</ul>
					<button class="md-close">我知道了</button>
                    
				</div>
                <div class="fl">
                	<img class="wh300" src="images/code.jpg">
                    <p>请关注为为贷官方微信</p>
                </div>
                <div class="clr"></div>
			</div>
		</div>
		
		<div class="container">
			<!-- Top Navigation -->
			
			<div class="main clearfix">
				
				<div class="column">
					<button class="md-trigger" data-modal="modal-1" id="1">Fade in &amp; Scale</button>

				</div>
			</div>
		</div><!-- /container -->
		<div class="md-overlay"></div><!-- the overlay element -->

		<!-- classie.js by @desandro: https://github.com/desandro/classie -->
		<script src="js/classie.js"></script>
		<script src="js/modalEffects.js"></script>

		<!-- for the blur effect -->
		<!-- by @derSchepp https://github.com/Schepp/CSS-Filters-Polyfill -->
		<script>
			// this is important for IEs
			var polyfilter_scriptpath = '/js/';
			window.onload=function (){
				
				document.getElementById("1").click();  
			}
		</script>
		
		
	</body>
</html>